<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>英雄联盟</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
<div class="header">
    <div class="top">
    <!-- 顶端渐变 -->
    <!-- 英雄联盟官网图标https://img0.baidu.com/it/u=2336606743,1989296887&fm=253&fmt=auto&app=138&f=JPEG?w=599&h=500 -->
    <!-- <img class="top",src="https://img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_4ead3ef6371ff60e484e890ebb0676c3/0"> -->
        <!-- <div class="y1",value="英雄联盟"></div> -->
       <!-- <div class="y2"><div>游戏资料</div><div>GAME INFO</div></div>
        <div class="y3"></div>
        <div class="y4"></div>
        <div class="y5"></div> -->
    </div>
</div>
<div class="top1">
    <img class="icon" src="../LOL.png">
    <div class="y2"><div class="c">游戏资料</div><div class="e">GAME INFO</div></div>
    <div class="y3"><div class="c">商场/合作</div><div class="e">GAME INFO</div></div>
    <div class="y4"><div class="c">社区互动</div><div class="e">COMMUNITY</div></div>
    <div class="y5"><div class="c">赛事官网</div><div class="e">ESPORTS</div></div>
    <div class="y6"><div class="c">自助系统</div><div class="e">SYSTEM</div></div>
    <div class="y8"><div class="c">署名:刘</div><div class="e">LN</div></div>
    <div class="center"><div class="c1">查看详情</div></div>
    <div class="right"><div class="e1">当前游戏版本:</div><div class="c1">Ver 14.21</div></div>
</div>
<!-- 头部完结 -->
    <div class="main">
        <div class="image"></div>
        <div class="nav">
        <div class="value">综合</div><div class="content">公告</div><div class="content">赛事</div><div class="content">攻略</div><div class="content">社区</div></div>
        <div class="column">
        <div class="h1">暗星2024系列皮肤上线</div>
        <div class="h">魅惑女巫 小小悠米</div>
        <div class="h">暗夜星澜宝典</div>
        <div class="h">星守小小阿卡丽</div>
        <div class="h">超级粉丝2024</div>
    </div>
    <div class="column1">
    <div>14.21版本公告:斯维因更新与峡谷平衡性调整...</div>
    <div><p class="p1">公告</p class="c2">10月25日周免英雄更新公告&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10-25</p></div>
    <div>.......................................................................................</div>
    </div>
        <!-- <div>综合</div><div>公告</div><div>赛事</div><div>攻略</div><div>社区</div> -->

</div>
</body>
</html>